<!doctype html>
<!-- @author 改着名儿玩 -->
<html>
<head>
    <meta charset="UTF-8">
    <title>orderPlugs-demo</title>
    <script src="../jquery-v1.11.js"></script>
    <script src="../orderPlugs.js"></script>
</head>
<body>
<form action="" id="query_form">
    <input type='hidden' name='orderBy' class='orderPlugs-column' value="" />
    <input type='hidden' name='desc' class='orderPlugs-order' value="1" />
    <table border="1">
        <tr>
            <th>排序1<span class="orderPlugs" data-column="c1"></span></th><th>排序2<span class="orderPlugs"  data-column="c2"></span></th>
        </tr>
        <tr>
            <td>1</td><td>1</td>
        </tr>
        <tr>
            <td>2</td><td>2</td>
        </tr>
    </table>
</form>
</body>
<script>
    $(document).ready(function(){
        new orderPlugs("#query_form");
    });
</script>
</html>